<template>
  <el-row :gutter="20">
    <el-col :span="3">
      <p>姓名：</p>
    </el-col>
    <el-col :span="16">
        <el-input v-model="input" style="width: 240px" placeholder="请输入姓名" />
    </el-col>
  </el-row>
  <el-row :gutter="20">
    <el-col :span="3">
     <p>姓别：</p>
    </el-col>
    <el-col :span="16">
        <el-radio-group v-model="radio" class="ml-4">
      <el-radio value="radio1" label="1" size="large">男</el-radio>
      <el-radio value="radio2" label="2" size="large">女</el-radio>
    </el-radio-group>
    </el-col>
  </el-row>
  <el-row :gutter="20">
    <el-col :span="3">
     <p>姓别：</p>
    </el-col>
    <el-col :span="16">
    <el-checkbox-group v-model="checkList">
    <el-checkbox label="吃 " value="吃" />
    <el-checkbox label="喝" value="喝" />
    <el-checkbox label="玩" value="玩" />
    <el-checkbox label="乐" value="乐" />
    </el-checkbox-group>
    </el-col>
  </el-row>
  <el-row :gutter="20">
    <el-col :span="3">
      <p>我的口号：</p>
    </el-col>
    <el-col :span="16">
        <el-input
        v-model="textarea"
    style="width: 240px"
    type="textarea"
    placeholder="Please input" />
    </el-col>
  </el-row>
</template>

<script setup>
import { ref } from 'vue'
const input = ref('')
const radio=ref('')
const checkList=ref([''])
const textarea=ref('')
</script>